<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>等级信息查询</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f7f7f7;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        #hezi {
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 80%;
            max-width: 400px;
            padding: 20px;
            text-align: center;
        }

        h1 {
            color: #333;
            font-size: 24px;
            margin-bottom: 20px;
        }

        input[type="text"] {
            width: calc(100% - 22px);
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-sizing: border-box;
            /* Include padding and border in the element's total width and height */
        }

        button {
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin-bottom: 10px;
        }

        button:hover {
            background-color: #0056b3;
        }

       
        #levelInfoContainer {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 10px;
        }
        
        #levelInfo, #IOSlevelInfo {
            margin: 0 10px;
        }
    </style>
</head>

<body>
    <div id="hezi">
        <h1>DouYin</h1>
        <input type="text" id="levelInput" placeholder="请输入等级" oninput="showLevelInfo()">
        <button onclick="showLevelInfo()">查询</button>
        <div id="levelInfoContainer">
            <div style="text-align: center;">
                安卓: <span id="levelInfo"></span>
            </div>
        </div>
        <div id="levelInfoContainer">
        <div style="text-align: center;">
            苹果: <span id="IOSlevelInfo"></span>
        </div>
    </div>
    </div>
    <script>
        function showLevelInfo() {
            var levelInput = document.getElementById("levelInput");
            var level = parseInt(levelInput.value);
            var AndroidlevelInfo = document.getElementById("levelInfo");
            var IOSlevelInfo = document.getElementById("IOSlevelInfo");
            if (isNaN(level)) {
                levelInfo.innerHTML = "";
                IOSlevelInfo.innerHTML = "";
            } else {
                switch (level) {
                    case 1:
                        levelInfo.innerHTML = "0.1元";
                        IOSlevelInfo.innerHTML = "0.143元";
                        break;
                    case 2:
                        levelInfo.innerHTML = "0.7元";
                        IOSlevelInfo.innerHTML = "0.991元";
                        break;
                    case 3:
                        levelInfo.innerHTML = "1.6元";
                        IOSlevelInfo.innerHTML = "2.288元";
                        break;
                    case 4:
                        levelInfo.innerHTML = "2.9元";
                        IOSlevelInfo.innerHTML = "4.147元";
                        break;
                    case 5:
                        levelInfo.innerHTML = "4.5元";
                        IOSlevelInfo.innerHTML = "6.435元";
                        break;
                    case 6:
                        levelInfo.innerHTML = "6.6元";
                        IOSlevelInfo.innerHTML = "9.438元";
                        break;
                    case 7:
                        levelInfo.innerHTML = "9元";
                        IOSlevelInfo.innerHTML = "12.87元";
                        break;
                    case 8:
                        levelInfo.innerHTML = "13.2元";
                        IOSlevelInfo.innerHTML = "19.016元";
                        break;
                    case 9:
                        levelInfo.innerHTML = "17.5元";
                        IOSlevelInfo.innerHTML = "25.025元";
                        break;
                    case 10:
                        levelInfo.innerHTML = "24.3元";
                        IOSlevelInfo.innerHTML = "34.749元";
                        break;
                    case 11:
                        levelInfo.innerHTML = "32元";
                        IOSlevelInfo.innerHTML = "45.76元";
                        break;
                    case 12:
                        levelInfo.innerHTML = "42.1元";
                        IOSlevelInfo.innerHTML = "60.103元";
                        break;
                    case 13:
                        levelInfo.innerHTML = "57.3元";
                        IOSlevelInfo.innerHTML = "82.839元";
                        break;
                    case 14:
                        levelInfo.innerHTML = "73.2元";
                        IOSlevelInfo.innerHTML = "104.676元";
                        break;
                    case 15:
                        levelInfo.innerHTML = "97.1元";
                        IOSlevelInfo.innerHTML = "138.853元";
                        break;
                    case 16:
                        levelInfo.innerHTML = "130元";
                        IOSlevelInfo.innerHTML = "185.9元";
                        break;
                    case 17:
                        levelInfo.innerHTML = "170元";
                        IOSlevelInfo.innerHTML = "243.1元";
                        break;
                    case 18:
                        levelInfo.innerHTML = "220元";
                        IOSlevelInfo.innerHTML = "314.6元";
                        break;
                    case 19:
                        levelInfo.innerHTML = "290元";
                        IOSlevelInfo.innerHTML = "414.7元";
                        break;
                    case 20:
                        levelInfo.innerHTML = "380元";
                        IOSlevelInfo.innerHTML = "543.4元";
                        break;
                    case 21:
                        levelInfo.innerHTML = "520元";
                        IOSlevelInfo.innerHTML = "743.6元";
                        break;
                    case 22:
                        levelInfo.innerHTML = "660元";
                        IOSlevelInfo.innerHTML = "943.8元";
                        break;
                    case 23:
                        levelInfo.innerHTML = "870元";
                        IOSlevelInfo.innerHTML = "1244.1元";
                        break;
                    case 24:
                        levelInfo.innerHTML = "1100元";
                        IOSlevelInfo.innerHTML = "1573元";
                        break;
                    case 25:
                        levelInfo.innerHTML = "1500元";
                        IOSlevelInfo.innerHTML = "2145元";
                        break;
                    case 26:
                        levelInfo.innerHTML = "2100元";
                        IOSlevelInfo.innerHTML = "2983元";
                        break;
                    case 27:
                        levelInfo.innerHTML = "2600元";
                        IOSlevelInfo.innerHTML = "3718元";
                        break;
                    case 28:
                        levelInfo.innerHTML = "3400元";
                        IOSlevelInfo.innerHTML = "4862元";
                        break;
                    case 29:
                        levelInfo.innerHTML = "4400元";
                        IOSlevelInfo.innerHTML = "6312元";
                        break;
                    case 30:
                        levelInfo.innerHTML = "6000元";
                        IOSlevelInfo.innerHTML = "8580元";
                        break;
                    case 31:
                        levelInfo.innerHTML = "7000元";
                        IOSlevelInfo.innerHTML = "1.001w元";
                        break;
                    case 32:
                        levelInfo.innerHTML = "1w元";
                        IOSlevelInfo.innerHTML = "1.43w元";
                        break;
                    case 33:
                        levelInfo.innerHTML = "1.3w元";
                        IOSlevelInfo.innerHTML = "1.859w元";
                        break;
                    case 34:
                        levelInfo.innerHTML = "1.7w元";
                        IOSlevelInfo.innerHTML = "2.431w元";
                        break;
                    case 35:
                        levelInfo.innerHTML = "2.3w元";
                        IOSlevelInfo.innerHTML = "3.289w元";
                        break;
                    case 36:
                        levelInfo.innerHTML = "3w元";
                        IOSlevelInfo.innerHTML = "4.29w元";
                        break;
                    case 37:
                        levelInfo.innerHTML = "3.9w元";
                        IOSlevelInfo.innerHTML = "5.577w元";
                        break;
                    case 38:
                        levelInfo.innerHTML = "5.1w元";
                        IOSlevelInfo.innerHTML = "7.293w元";
                        break;
                    case 39:
                        levelInfo.innerHTML = "6.8w元";
                        IOSlevelInfo.innerHTML = "9.724w元";
                        break;
                    case 40:
                        levelInfo.innerHTML = "8.9w元";
                        IOSlevelInfo.innerHTML = "12.727w元";
                        break;
                    case 41:
                        levelInfo.innerHTML = "9w元";
                        IOSlevelInfo.innerHTML = "12.87w元";
                        break;
                    case 42:
                        levelInfo.innerHTML = "11w元";
                        IOSlevelInfo.innerHTML = "15.73w元";
                        break;
                    case 43:
                        levelInfo.innerHTML = "15w元";
                        IOSlevelInfo.innerHTML = "21.45w元";
                        break;
                    case 44:
                        levelInfo.innerHTML = "16w元";
                        IOSlevelInfo.innerHTML = "22.88w元";
                        break;
                    case 45:
                        levelInfo.innerHTML = "18w元";
                        IOSlevelInfo.innerHTML = "25.74w元";
                        break;
                    case 46:
                        levelInfo.innerHTML = "20w元";
                        IOSlevelInfo.innerHTML = "28.6w元";
                        break;
                    case 47:
                        levelInfo.innerHTML = "23w元";
                        IOSlevelInfo.innerHTML = "32.89w元";
                        break;
                    case 48:
                        levelInfo.innerHTML = "26w元";
                        IOSlevelInfo.innerHTML = "37.18w元";
                        break;
                    case 49:
                        levelInfo.innerHTML = "30w元";
                        IOSlevelInfo.innerHTML = "42.9w元";
                        break;
                    case 50:
                        levelInfo.innerHTML = "34w元";
                        IOSlevelInfo.innerHTML = "48.62w元";
                        break;
                    case 51:
                        levelInfo.innerHTML = "45w元";
                        IOSlevelInfo.innerHTML = "64.35w元";
                        break;
                    case 52:
                        levelInfo.innerHTML = "48w元";
                        IOSlevelInfo.innerHTML = "68.64w元";
                        break;
                    case 53:
                        levelInfo.innerHTML = "80w元";
                        IOSlevelInfo.innerHTML = "114.4w元";
                        break;
                    case 54:
                        levelInfo.innerHTML = "88w元";
                        IOSlevelInfo.innerHTML = "125.84w元";
                        break;
                    case 55:
                        levelInfo.innerHTML = "95w元";
                        IOSlevelInfo.innerHTML = "136.35w元";
                        break;
                    case 56:
                        levelInfo.innerHTML = "100w元";
                        IOSlevelInfo.innerHTML = "143w元";
                        break;
                    case 57:
                        levelInfo.innerHTML = "110w元";
                        IOSlevelInfo.innerHTML = "157.3w元";
                        break;
                    case 58:
                        levelInfo.innerHTML = "130w元";
                        IOSlevelInfo.innerHTML = "185.9w元";
                        break;
                    case 59:
                        levelInfo.innerHTML = "160w元";
                        IOSlevelInfo.innerHTML = "228.8w元";
                        break;
                    case 60:
                        levelInfo.innerHTML = "180w元";
                        IOSlevelInfo.innerHTML = "257.4w元";
                        break;
                    case 61:
                        levelInfo.innerHTML = "200w元";
                        IOSlevelInfo.innerHTML = "286w元";
                        break;
                    case 62:
                        levelInfo.innerHTML = "230w元";
                        IOSlevelInfo.innerHTML = "328.9w元";
                        break;
                    case 63:
                        levelInfo.innerHTML = "310w元";
                        IOSlevelInfo.innerHTML = "443.3w元";
                        break;
                    case 64:
                        levelInfo.innerHTML = "380w元";
                        IOSlevelInfo.innerHTML = "543.4w元";
                        break;
                    case 65:
                        levelInfo.innerHTML = "450w元";
                        IOSlevelInfo.innerHTML = "643.5w元";
                        break;
                    case 66:
                        levelInfo.innerHTML = "510w元";
                        IOSlevelInfo.innerHTML = "729.3w元";
                        break;
                    case 67:
                        levelInfo.innerHTML = "550w元";
                        IOSlevelInfo.innerHTML = "786.5w元";
                        break;
                    case 68:
                        levelInfo.innerHTML = "680w元";
                        IOSlevelInfo.innerHTML = "972.4w元";
                        break;
                    case 69:
                        levelInfo.innerHTML = "750w元";
                        IOSlevelInfo.innerHTML = "1072.5w元";
                        break;
                    case 70:
                        levelInfo.innerHTML = "980w元";
                        IOSlevelInfo.innerHTML = "1401.4w元";
                        break;
                    case 71:
                        levelInfo.innerHTML = "1050w元";
                        IOSlevelInfo.innerHTML = "1491.5w元";
                        break;
                    case 72:
                        levelInfo.innerHTML = "1100w元";
                        IOSlevelInfo.innerHTML = "1573w元";
                        break;
                    case 73:
                        levelInfo.innerHTML = "1200w元";
                        IOSlevelInfo.innerHTML = "1716w元";
                        break;
                    case 74:
                        levelInfo.innerHTML = "1800w元";
                        IOSlevelInfo.innerHTML = "2574w元";
                        break;
                    case 75:
                        levelInfo.innerHTML = "2000w元";
                        IOSlevelInfo.innerHTML = "2860w元";
                        break;
                    default:
                        levelInfo.innerHTML = "未知等级";
                        IOSlevelInfo.innerHTML = "未知等级";
                        break;
                }


            }
        }
    </script>
</body>

</html>